iT邦幫忙

2024 iThome 鐵人賽

DAY 21
0

Spinner 元件是一個簡潔且直觀的下拉式選單類型 UI 元件,允許使用者從一組預先定義且固定的選項中進行選擇。它通常用來顯示少量的選項,並且會根據使用者的選擇動態更新顯示的內容。這個元件的設計輕量且高效,適合用於需要簡單選擇功能的介面,且提供了便捷、即時的操作體驗,讓使用者能夠快速做出選擇。

簡單 Spinner 的主要功能:

  • 顯示下拉式選單: 當用戶點擊 Spinner 時,會顯示一個下拉列表供用戶選擇。
  • 選擇單一選項: 用戶只能選擇其中一個選項,選擇後,Spinner 會顯示該選項。
  • 可綁定資料源: Spinner 通常會與資料源(如陣列或資料庫)綁定,並將資料顯示為選項。

我們利用這個範例

製作Spinner下拉式選單

https://ithelp.ithome.com.tw/upload/images/20240929/20168805vc9BVaSY4u.png
首先,先在activity_main.xml中,新增元件Spinner拉到介面,會呈現這樣
https://ithelp.ithome.com.tw/upload/images/20240929/20168805WnsllV6vig.png
https://ithelp.ithome.com.tw/upload/images/20240929/20168805jkevnCpI17.png

activity_main.xml

<Spinner
        android:id="@+id/spinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

https://ithelp.ithome.com.tw/upload/images/20240929/20168805Wk4ywV8iNF.png

介面拉好後,回到MainActivity.Java,連接上程式碼,Spinner下拉式選單就製作完成了
MainActivity.Java

public class MainActivity extends AppCompatActivity {
    private Spinner spinner ;
    private  String[] count = {"咖啡","紅茶","奶茶","綠茶","烏龍綠"};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        spinner = findViewById(R.id.spinner);
        ArrayAdapter<CharSequence> adapter = new ArrayAdapter(this,android.R.layout.simple_spinner_item,count);
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        spinner.setAdapter(adapter);
        spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> adapterView, View view, int i, long l) {
            }
            @Override
            public void onNothingSelected(AdapterView<?> adapterView) {

            }
        });
    }
}

成果:
https://ithelp.ithome.com.tw/upload/images/20240929/20168805T3EO35nQJI.png

元件 Spinner介紹 介紹完畢

下一篇元件SeekBar 介紹


上一篇
Day20 元件 RecyclerView介紹與使用
下一篇
# Day 22 元件介紹 SeekBar
系列文
當Java遇見Android,30天學習指南30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言